<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>interview</title>
</head>
<style>
    table {
        margin: 20px auto;
        text-align: center;
        border-radius: 5px;
        border-spacing: 0;
        box-shadow: 0px 0px 10px #ccc;
    }

    th {
        line-height: 40px;
        background: #ABC2EB;
    }

    tbody tr {
        line-height: 32px;
    }

    tbody tr:nth-child(2n) {
        background: #9CD8D3;
    }
</style>
<body>
<table>
    <thead>
    <tr>
        <th>流域</th>
        <th>行政区</th>
        <th>河名</th>
        <th>站名</th>
        <th th:width="200">日期</th>
        <th th:width="150">日雨量(毫米)</th>
        <th th:width="100">天气</th>
    </tr>
    </thead>
    <tbody>
    <tr th:each="item:${indexData}">
        <td th:text="${item.poiBsnm}"></td>
        <td th:text="${item.poiAddv}"></td>
        <td th:text="${item.rvnm}"></td>
        <td th:text="${item.stnm}"></td>
        <td th:text="${item.dateTime}"></td>
        <td th:text="${item.dyp}"></td>
        <td th:switch="${item.wth}">
            <span th:case="5">雪</span>
            <span th:case="6">雨夹雪</span>
            <span th:case="7">雨</span>
            <span th:case="8">阴</span>
            <span th:case="9">晴</span>
            <span th:case="*">--</span>
        </td>
    </tr>
    </tbody>
</table>
</body>
</html>